@charset "utf-8";
/* CSS Document */
body{width:100%; height:100%; margin:0; padding:0; font-size:13px;  font-family:돋움; line-height:180%; background:url(../img/bg_body.gif) repeat-x #fcfdff; color:#333;}

div,a,p,ul,li,dl,dt,dd,ol,table,th,td,h1,input{margin:0; padding:0;}
img{border:0; padding:0; margin:0;}
a{outline:0; text-decoration:none;}
ul{list-style:none;}
select{font-size:11px;}

/* 전체 레이아웃 */
#wrap{position:relative; width:980px; height:100%; margin:0 auto;}
#hearder{position:relative; width:100%; height:232px; margin-bottom:20px;}

#container{position:relative; width:100%; height:100%; overflow:hidden; min-height:500px;}
#container .subtit{height:35px; width:100%; border-bottom:3px solid #dcdee3; margin-bottom:30px;} 
.contents{width:100%;}
.code_submenu{position:relative; float:left; width:165px; height:100%;}
.code_contents{position:relative; float:left; width:791px; padding:12px;}

#footer{position:relative; width:100%; background-color:#ededed; text-align:center; padding:10PX 0; color:#999;}


/* header 부분 */
#hearder h1{width:215px; height:31px ; }
#hearder .logo{display:block; width:215px; height:31px;background:url(../img/img.png) 0 0 no-repeat; margin-top:19px;}
#hearder .logo span{display:none;}

.access{position:absolute; right:0; top:-9px; background:url(../img/img.png) 0 -33px no-repeat; width:482px; height:24px; }
.access ul{padding-left:30px;}
.access li{float:left; font-size:11px; padding:0px 15px 0 15px;}
.access li a{color:#333; text-decoration:none;}
.access li .messege{color:#ff0000; text-decoration:underline; font-weight:bold;}

.code{position:absolute; right:0; top:46px; width:91px; height:37px; background:url(../img/img.png) 0 -57px no-repeat;}
.code span{display:none;}

.gnb{position:relative; margin-top:21px;}
.gnb li{float:left; width:112px; height:48px;}
.gnb li .submn a{color:#fff;}
.gnb li .submn li{height:20px;}
.gnb li .submn a{color:#e1e8f8;}
.gnb li .submn a:hover{color:#e4fc18; font-weight:bold; letter-spacing:-1px;}
.gnb li .submn .active{color:#e4fc18; font-weight:bold; letter-spacing:-1px;}

.gnb li .submn.st01{padding-left:23px;}
.gnb li .submn.st02{padding-left:30px;}
.gnb li .submn.st03{padding-left:23px;}
.gnb li .submn.st04{padding-left:30px;}


/* 서브타이틀 */
.subtit p span{display:none;}
.subtit p{background:url(../img/mn/img_subtitle.gif) no-repeat; width:250px; height:22px;}
.subtit p.subtt01{background-position:0 0;}
.subtit p.subtt02{background-position:0 -23px;}
.subtit p.subtt03{background-position:-250px -23px;}
.subtit p.subtt04{background-position:0 -45px;}
.subtit p.subtt05{background-position:-250px -45px;}
.subtit p.subtt06{background-position:0 -67px;}
.subtit p.subtt07{background-position:-250px -67px;}
.subtit p.subtt08{background-position:0 -89px;}
.subtit p.subtt09{background-position:-250px -89px;}
.subtit p.subtt10{background-position:0 -111px;}
.subtit p.subtt11{background-position:-250px -111px;}
.subtit p.subtt12{background-position:0 -133px;}
.subtit p.subtt13{background-position:-250px -133px;}
.subtit p.subtt14{background-position:0 -155px;}
.subtit p.subtt15{background-position:-250px -155px;}
.subtit p.subtt16{background-position:0 -177px;}
.subtit p.subtt17{background-position:-250px -177px;}
.subtit p.subtt18{background-position:0 -199px;}
.subtit p.subtt19{background-position:-250px -199px;}


/* 테이틀 타이틀 */
.tableTitle{font-size:18px; letter-spacing:-1px; font-weight:bold; margin-bottom:8px; font-family:Malgun gothic; }
.tableTitle .b{display:inline-block; background:url(../img/img.png) -115px -58px no-repeat; width:22px; height:22px; vertical-align:middle; padding-right:3px;}
.tableTitle input{vertical-align:middle; margin-bottom:5px;}
.tableTitle input.btn_excel{background:url(../img/img.png) -141px -58px; width:160px; height:20px; outline:0; cursor:pointer;border:0; margin-left:20px;}
.tableTitle input.btn_print{background:url(../img/img.png) -302px -58px; width:78px; height:20px; outline:0; cursor:pointer;border:0;}
.tableTitle input.btn_print2{background:url(../img/img.png) -308px -205px; width:118px; height:19px; outline:0; cursor:pointer;border:0;}

/* 테이틀 속성(erp, 게시판) */
.erpTable,
.bbsTable{position:relative;width:100%; background-color:#e2c3b2; margin-bottom:20px;}
.erpTable th,
.msgTable th,
.bbsTable th{height:30px; background-color:#fbe4d8;}
.erpTable td,
.msgTable td,
.bbsTable td{padding:2px; background-color:#fff; text-align:center;}
.bbsTable td.title{text-align:left; text-indent:10px;}
.bbsTable td.re_title{text-align:left; text-indent:15px;}
.bbsTable td.viewbox,
.bbsTable td.writebox{text-align:left;padding:10px;}
.erpTable td.total{font-weight:bold; color:#C00; text-align:right; background-color:#fef1ea}
.erpTable td.day_cal{width:98px;}
.msgTable{position:relative;width:100%; background-color:#e2c3b2; margin-top:20px; margin-bottom:20px;}
.msgTable td.msgView:hover{background-color:#f3f3f3; cursor:pointer}
.select_mm{overflow-y:scroll; margin:0; padding:0;}
span.cal{display:inline-block; background:url(../img/img.png) -92px -60px no-repeat; width:21px; height:21px; margin-left:3px; vertical-align:middle}

.rowLeft th{text-align:left; text-indent:20px;}
.rowLeft td{text-align:left; text-indent:5px;}


/* 버튼 스타일 공통 */
.BtnList{position:relative; width:100%; height:28px; text-align:right; margin-bottom:30px;}
.BtnList li{display:inline-block; width:72px; height:28px;}
.BtnList input{background:url(../img/img.png) 0 -95px no-repeat; width:70px; height:28px; border:0; outline:0; cursor:pointer;} 

.BtnList input.btn_inquiry{background-position:0 -95px}
.BtnList input.btn_submit{background-position:-71px -95px}
.BtnList input.btn_modify{background-position:-142px -95px}
.BtnList input.btn_del{background-position:-214px -95px}
.BtnList input.btn_exel{background-position:-286px -95px}
.BtnList input.btn_print{background-position:-358px -95px}

.BtnList input.btn_reset{background-position:-288px -95px}
.BtnList input.btn_list{background-position:0px -155px}
.BtnList input.btn_write{background-position:-71px -155px}
.BtnList input.btn_reply{background-position:-142px -155px}
.BtnList input.btn_cancel{background-position:-215px -155px}
.BtnList input.btn_sendmemo{background-position:-288px -155px}


/* 검색창 */

.erpSearch{border:5px solid #fec67f; padding:10px 50px; margin:0 auto 30px;}
.erpSearch td{padding:0 7px;}
.erpSearch input.btn_search{background:url(../img/img.png) -79px -124px no-repeat; width:68px; height:30px; border:0; outline:0;}

.txt_search{background:url(../img/img.png) 0 -123px no-repeat; width:79px; height:30px; display:block;}



/* 테이블 속성 공통 */
.boxinput{height:17px; border:1px solid #CCC;}
.w30{width:30px;}
.w50{width:50px;}
.w65{width:65px;}
.w100{width:100px;}
.w97p{width:97%;}

.sTB th{width:120px;}
.td7 td{width:14%;}
.td2 td{width:50%;}
.td4 td{width:25%;}
.td5 td{width:20%;}
.td6 td{width:16%;}
.td10 td{width:10%;}



.tLeft{text-align:left;}
.txt_radio{vertical-align:top}
.txt_check{vertical-align:text-top;}
.read{font-size:11px; color:#f00;}
.notread{font-size:11px; color:#03F; font-weight:bold;}
.msgtime, .comment{font-size:11px; color:#999;}
.sendMsg{position:absolute; right:0; top:70px;}
.btn_msg{width:92px; height:20px; background:url(../img/img.png) -381px -58px no-repeat; display:block;}
.fileUp{width:14px; height:14px; background:url(../img/img.png) -148px -124px no-repeat; display:block; margin:0 auto;}
.reply{width:47px; height:14px; background:url(../img/img.png) -162px -124px no-repeat; display:inline-block; margin-right:5px;}
.basic{color:#f00; font-weight:bold;}
.listUp{background:url(../img/img.png) -212px -126px; width:18px; height:14px; display:inline-block}
.listDown{background:url(../img/img.png) -230px -126px; width:18px; height:14px; display:inline-block;}

/* 쪽지보내기 */
#b1{position:absolute; visibility:visible; margin:0;}
#b2{position:absolute; visibility:hidden; margin:0;}

.tab_input {overflow:hidden; width:980px; height:31px;border-bottom:1px solid #ccc; font-family:Malgun gothic;}
.tab_input .tab_left, .tab_input .tab_right {float:left;width:147px;height:31px;border:1px solid #c0c1c6; border-bottom:none;line-height:31px; cursor:pointer;}
.tab_input .tab_left a, .tab_input .tab_right a {display:block;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,1), inset -1px -1px 1px rgba(255,255,255,1);background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f5f5f6));background-color:#fdfdfd;text-align:center;}
.tab_input .tab_left {margin-right:-1px;-webkit-border-top-left-radius:2px;-webkit-border-bottom-left-radius:2px;}
.tab_input .tab_left a {-webkit-border-top-left-radius:2px;-webkit-border-bottom-left-radius:2px;}
.tab_input .tab_right {margin-right:-1px;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;}
.tab_input .tab_right a {-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;}
.tab_input .on {position:relative;width:146px;border-color:#9497a1;-webkit-border-radius:3px; font-weight:bold; letter-spacing:-1px; }
.tab_input .on a {-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.2), inset -1px -1px 1px rgba(255,255,255,0.2);background:-webkit-gradient(linear, left top, left bottom, from(#b3b5be), to(#a5a8b2));background-color:#a8abb5;color:#333;-webkit-border-radius:3px;}


/* Pagination */
.pagination{ padding:15px 0; text-align:center; line-height:normal;}
.pagination a,
.pagination strong{ position:relative; color:#323232; font:bold 12px/16px Tahoma, Sans-serif; vertical-align:top; display:inline-block; text-decoration:none; padding:1px 8px; margin:0 -3px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; background-color:#fff; z-index:2;}
.pagination a:hover,
.pagination a:active,
.pagination a:focus{ background-color:#f8f8f8;}
.pagination strong{ color:#ff8600;}
.pagination .direction{ font-weight:normal; color:#767676; text-decoration:none !important; border:0; z-index:1;}
.pagination .direction:hover,
.pagination .direction:active,
.pagination .direction:focus{ color:#323232; background-color:#fff;}
.pagination .prev{ border-left:0;}
.pagination .next{ border-right:0;}
.pagination .direction span{ position:relative; display:inline-block; width:0; height:0; font-size:0; line-height:0; vertical-align:top; top:4px;}
.pagination .prev span{ border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-left:0; margin-right:1px; *left:-4px;}
.pagination .next span{ border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-right:0; margin-left:1px;}

/* 쪽지보내기 팝업 */
body.pop{background:url(../img/bg_memo.gif) repeat-x;}
.pop p{height:48px; position:relative; margin-bottom:20px;}
.pop .poptitle{background:url(../img/img.png) 0 -185px no-repeat; width:143px; height:31px; display:block; margin:3px 0 20px 10px;}
.pop .codetitle{background:url(../img/img.png) 0 -215px no-repeat; width:143px; height:31px; display:block; margin:3px 0 20px 10px;}

.pop .poptitle span, .pop .codetitle span{display:none;}
.pop .memoplace{padding:10px;}
.pop .memoplace textarea{width:98%; height:100px;}


/* 코드관리 */
.code_submenu .top{background:url(../img/img.png) -142px -185px no-repeat; width:165px; height:13px; display:block;}
.code_submenu .bottom{background:url(../img/img.png) -142px -212px no-repeat; width:165px; height:13px; display:block;}
.code_submenu .middle{background:url(../img/bg_codebg.gif) repeat-y;}
.code_submenu .middle .codeList{width:126px; margin:0 auto; padding:0;}
.code_submenu .middle .codeList li{border-bottom:1px solid #d4d4d4; padding:5px 0;}
.code_submenu .middle .productList{margin:0 0 20px 0; padding:0;}
.code_submenu .middle .productList li{background:url(../img/img.png) -308px -185px; width:124px; height:18px; color:#5f6269; font-weight:bold; margin:5px 0; line-height:130%; border:none; padding:0 0 0 8px;}
.code_submenu .middle .productList li a{color:#5f6269;}